*{
    padding:0;
    margin:0;
}
//首页
.header{
    width:100%;
    height:100vh;
    //按钮
    
    .btn1{
        outline: none;
        border: 0;
        width: 75px;
        height: 30px;
        border-radius: 5px;
        position: absolute;
        z-index: 2;
        background-color: red;
        color: #fff;
        text-align: center;
        left: 510px;
        bottom: 133px;
        font-size: 18px;
    }
    .btn2{
        outline: none;
        border: 0;
        width: 167px;
        height: 53px;
        border-radius: 5px;
        position: absolute;
        z-index: 2;
        background-color: #a61d1dc7;
        color: #fff;
        text-align: center;
        left: 409px;
        top: 88px;
        font-size: 18px;
    }

    //轮播
    .carousel-item{
         transform:2s;
         h1{
             margin-left:-47%;
             bottom: 30%;
             font-size: 60px;
             font-family: Georgia, 'Times New Roman', Times, serif;
             font-style: italic;
         }
         h5{
            left:-20px;
            bottom: 94%;
            font-size: 23px;
         }
         p{
             font-size: 18px;
             margin-bottom:20%;
             top:15%;
         }
    }
    .black{
        width:100%;
        height:100vh;
        position: absolute;
        z-index: 1;
        background-color: rgba(51, 51, 51, 0.404);
    }
    .white{
        width:100%;
        height:61px;
        margin-top: 84px;
        position: absolute;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.507);
    }
    .left{
        position: absolute;
        width:200px;
        height:200px;
        background-color: skyblue;
        margin-top: 220px;
        margin-left: 127px;
        button{
            outline: 0;
            text-decoration: none;
            width:100px;
            height:20px;
            background-color: thistle;
        }
    }
    .nav-item{
        padding:0.4rem 2rem;
        color:whitesmoke
    }
    ul{
        background-color: #ff88885c;
        a{
            color:whitesmoke;
            font-size: 20px;
        }
    }
    .card{
        height:152px;
        top:33%;
        left:62%;
        font-size: 15px;
    }
    .more{
        border: 0;
        outline: none;
        width: 68px;
        height: 32px;
        background-color: #b42c2cd4;
        color: #fff;
        position: relative;
        left: 533px;
        top: 76%;
        font-size: 21px;
        border-radius: 5px
    }
}
.jump{
    position:absolute;
        display:block;
        border:1px solid #efb02957;
        outline: 0;
        width:52px;
        height:30px;
        background-color: #d18c6c54;
        font-size:16px;
        margin:-544px 113px 0 10px;
        color:#f8f9fab3;
}
//登录
.second{
    width:100%;
    height:100vh;
    background-image: url("../image/sun.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    .kuang {
        position:relative;
        width:27%;
        height:34%;
        top:62%;
        left:48%;
        z-index:10;
        text-align: center;
        box-sizing: border-box;
     }
        .denglu{
            position:absolute;
            display:block;
            border:1px solid #efb02957;
            outline: 0;
            width:52px;
            height:30px;
            background-color: #d18c6c54;
            font-size:16px;
            left:48.8%;
            top:3.3%;
            color:#f8f9fab3;
        }
        .biaoge{
            width:100%;
            height:100px;
            display: flex;
            justify-content: center;
            align-content: center;
            table{
                width:307px;
                height:100px;
                font-size:14px;
                font-weight:600;
                box-sizing: border-box;
                .yonghu{
                    padding-right:0;
                }

                td{
                    padding-right:10px;
                    padding-top:-3px;
                }
                input{
                    display: block;
                    border:1px solid #333;
                    outline: none;
                    border-radius: 3px;
                    width:185px;
                    height:30px;
                    color:#dec3c3f7;
                    background-color: #df905f4f;
                    padding:2px 0 0 4px;
                }
            }
        }
}
.three{
    width:100%;
    height:100vh;
    background-image: url("../image/sun.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    .kuang2{
        position:relative;
       width:27%;
       height:34%;
       left:37.5%;
       top:32%;
       z-index:10;
       background-color: #9165223b;
       box-shadow: 0px 0px 54px #98562cb5;
       text-align: center;
       box-sizing: border-box;
       .h33{
        font-weight: 400;
        font-size:21px;
        // margin-top:8px;
        cursor: move;
       }
       .biaoge{
           margin-left:19%;
           position: absolute;
           top:20%;
           .yonghu{
            padding-right:0;
            }
        td{
            padding-right:10px;
            padding-top:-3px;
            }
        input{
            display: block;
            border:1px solid #333;
            outline: none;
            border-radius: 3px;
            width:185px;
            height:30px;
            color:#dec3c3f7;
            background-color: #df905f4f;
            padding:2px 0 0 4px;
            margin-bottom:8px;
            }
       }
       p{
        position: absolute;
        width:97%;
        height:10px;
        top:58%;
        font-size: smaller;
        margin-left:-161px;
       }
    //    span{
    //        margin-left:42%;
    //        margin-top:10%;
    //        position: relative;
    //    }
       .truetrue{
        display: block;
        background-color: antiquewhite;
       }
       .denglu2{
        position:absolute;
        display:block;
        border:1px solid #efb02957;
        outline: 0;
        width:172px;
        height:52px;
        background-color: #d18c6c54;
        font-size:18px;
        margin:56px 113px 0 67px;
        color:#b3cf677d;
        }
    }
    .return{
        position:absolute;
        color:skyblue;
        font-size:11px;
        top:89.7%;
        margin-left:-28px;
    }
}
//发布
.fabu{
    width: 100%;
    height:100vh;
    // position: relative;
    input{
        position: absolute;
        width:339px;
        height:50px;
        border-radius:11px;
        box-shadow: 0 0 25px #fbacaa96;
        background-color:#c690c066;
        border:1px solid rgba(255, 255, 255, 0.658);
        padding:5px;
        color:rgb(146 105 51 / 82%);
    }
    .text2{
        top:4%;
        left:38%
    }
    .text3{
        top:16%;
        width:849px;
        height:700px;
        left:24%;
        bottom:2%
    }
    .write{
        position: relative;
        top: 4%;
        left: 24%;
        border: 0;
        outline: none;
        width: 70px;
        height: 50px;
        border-radius: 11px;
        box-shadow: 0 0 25px #fbacaa96;
        background-color: #c690c066;
        border: 1px solid rgba(255, 255, 255, 0.658);
        padding: 5px;
        color: rgba(146, 105, 51, 0.82);
        font-size: 21px;
    }
    .pinglun{
        position: absolute;
        width:849px;
        height:139px;
        left:24%;
        right:3%;
        top:130%;
        border-radius:11px;
        box-shadow: 0 0 25px #fbacaa96;
        background-color:#c690c066;
        border:1px solid rgba(255, 255, 255, 0.658);
        padding:5px;
        color:rgb(146 105 51 / 82%);
    }
    .ultxt li{
        list-style:none;
        color: rgb(146 105 51 / 82%);
        padding-left: 15px;
        font-size: 18px;
        
    }
    .ultxt{
        width:100%;
        height:60px;
        border-bottom:1px solid #c89e9f;
    }
    .del{
        outline: none;
        color:palevioletred;
        float: right;
        font-size:18px;
    }
    .article{
        position: absolute;
        width: 90px;
        height: 50px;
        left: 30%;
        top: 4%;
        border-radius: 11px;
        box-shadow: 0 0 25px #fbacaa96;
        background-color: #c690c066;
        border: 1px solid rgba(255, 255, 255, 0.658);
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        color: #cd6161bf;
    }
}
.article{
    position: absolute;
    width:849px;
    height:700px;
    left:24%;
    bottom:2%;
    border-radius:11px;
    box-shadow: 0 0 25px #fbacaa96;
    background-color:#c690c066;
    border:1px solid rgba(255, 255, 255, 0.658);
}
.write{
    position: absolute;
    left: 20%;
    border: 0;
    outline: none;
    background: #efade77d;
    width: 50px;
    height: 30px;
    top: 10px;
}
.pinglun2{
    position: absolute;
    width:849px;
    height:146px;
    left:24%;
    right:3%;
    top:99%;
    border-radius:11px;
    box-shadow: 0 0 25px #fbacaa96;
    background-color:#c690c066;
    border:1px solid rgba(255, 255, 255, 0.658)
}
.anniu {
    position: absolute;
    width: 52px;
    height: 35px;
    right: 13%;
    top: 120%;
    border-radius: 11px;
    box-shadow: 0 0 25px #fbacaa96;
    background-color: #c690c066;
    border: 0;
    outline: none;
}
.pinglun{
    position: absolute;
    border: 0;
    outline: none;
    background: skyblue;
    width: 855px;
    height: 100px;
    bottom: 9%;
    border-radius: 11px;
    box-shadow: 0 0 25px #fbacaa96;
    background-color: #c690c066;
    left: 24%;
}
.hand{
    display: block;
    width: 100%;
    height: 30px;
    border-radius: 11px;
    background-color: #c690c066;
    border: 0;
    outline: none;
}